<template>
	<div class="finish-btn">
    <div class="finish-btn-item">
      <div class="btn-item btn-act-end">{{ msgInfo }}</div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
  export default Vue.extend({
    name: 'index',
    props: {
      msgInfo: {
        type: String,
        default: ''
      }
    }
  })
</script>

<style lang="scss">
  .finish-btn{
    flex: 1;
    &-item{
      border-radius: 50px;
      overflow: hidden;
      .btn-item{
        line-height: 28px;
        font-size: 28px;
        padding: 24px 0;
        text-align: center;
        color: #fff;
        font-weight: 700;
        background: #ccc;
      }
    }
  }
</style>
